<!-- 普通模式演示(vue) -->
<template>
	<view class="content">
		<z-paging ref="paging" v-model="dataList" @query="queryList">
			<!-- 需要固定在顶部不滚动的view放在slot="top"的view中，如果需要跟着滚动，则不要设置slot="top" -->
			<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
			<template #top>
				<u-tabs :scrollable="false" :list="tabList" @change="tabChange"></u-tabs>
			</template>
			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
			<listItem v-for="(item,index) in dataList" :data="item" @click="itemClick(item,index)" />
		</z-paging>
	</view>
</template>

<script src="./logic.js"></script>
<style lang="scss" src="./style.scss"></style>